<template>
  <div class="ModalExeption" v-show="modal" @click.self="$emit('closeModal')" style="cursor: pointer;">
    <div class="content" style="cursor: default;">
      <slot></slot>
    </div>
  </div>
</template>
<script setup>
const props = defineProps({
  modal: {
    default: false
  }
})
</script>
<style scoped lang="scss">
.ModalExeption {
  min-width: 100%;
  min-height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99;

  .content {

  }
}
</style>